<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <title></title>
    <link rel="icon" href="favicon.ico" type="image/ico">
    <meta name="keywords" content="LightYear,,后台模板,后台管理系统,光年HTML模板">
    <meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
    <meta name="author" content="yinqi">
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <link href="/css/materialdesignicons.min.css" rel="stylesheet">
    <link href="/css/style.min.css" rel="stylesheet">
    <!--对话框-->
    <link rel="stylesheet" href="/js/jconfirm/jquery-confirm.min.css">
    <style>
        .input-with-icon {
            position: relative;
            padding-left: 20px;
            top: -5px;
            display: inline-block;
            vertical-align: middle;
            /* 确保这个div与其他行内元素垂直对齐 */
        }

        .input-with-icon input.btn-default {
            padding-left: 40px;
            /* 根据图标大小调整 */
        }

        .input-with-icon .icon {
            position: absolute;
            right: 5px;
            /* 根据需要调整 */
            top: 50%;
            transform: translateY(-50%);
            /* 垂直居中 */
            pointer-events: none;
            /* 防止点击图标时触发input的点击事件 */
        }
        /* 添加图标的链接样式 */

        .add-item {
            display: inline-block;
            margin-left: 10px;
            /* 与输入框保持间距 */
            text-decoration: none;
            /* 去除下划线 */
            color: #007bff;
            /* 假设链接颜色为蓝色 */
            /* 其他样式，如字体大小、鼠标悬停效果等 */
        }

        .add-item i {
            font-size: 1.5rem;
            /* 假设您想要图标稍大一些 */
            /* 其他图标样式 */
        }
        /* 根据需要添加其他样式 */

        td{
            vertical-align:middle;
        }
    </style>
</head>

<body>
<script src="/js/jquery.min.js" type="text/javascript"></script>
<div class="lyear-layout-web">
    <div class="lyear-layout-container">

        <!--导入头部信息-->
        <div id="header"></div>
        <script>$("#header").load("/header.html")</script>
        <!--导入左侧菜单栏-->
        <!--左侧导航-->
        <aside class="lyear-layout-sidebar">
            <!-- logo -->
            <div id="logo" class="sidebar-header">
                <a href="main.html"><img src="/images/logo-sidebar.png" title="LightYear" alt="LightYear"/></a>
            </div>
            <div class="lyear-layout-sidebar-scroll">
                <!--导入菜单栏-->
                <!--引入left-menu.html页面中的 th:fragment="leftMenu" 部分代码-->
                <div th:replace="/system/common/left :: leftMenu"></div>
                <div class="sidebar-footer">
                    <p class="copyright">Copyright &copy; 2019. <a target="_blank"
                                                                   href="http://lyear.itshubao.com">IT书包</a>
                        All rights reserved.</p>
                </div>
            </div>
        </aside>
        <!--页面主要内容-->
        <main class="lyear-layout-content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-header"><h4>编辑菜单</h4></div>
                            <div class="card-body">
                                <form action="add" id="menu-add-form" method="post" class="row">
                                    <input type="hidden" name="deptId" th:value="${dept.deptId}">
                                    <div class="input-group m-b-10">
                                        <span class="input-group-addon">上级分类</span>
                                        <select name="postId" class="form-control" id="type">
                                            <option value="0">请选择上级分类</option>
                                            <div th:if="${!#lists.isEmpty(session.deptList)}" th:each="deptList:${session.deptList}">
                                                <option th:value="${deptList.deptId}" style="font-weight:bold;">[[${deptList.name}]]</option>
                                                <div th:if="${!#lists.isEmpty(session.postList)}" th:each="postList:${session.postList}">
                                                    <div th:if="${postList.postId == deptList.deptId}">
                                                        <option th:value="${postList.deptId}">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[[${postList.name}]]</option>
                                                    </div>
                                                </div>
                                            </div>
                                        </select>
                                    </div>

                                    <div class="input-group m-b-10">
                                        <span class="input-group-addon">职位名称</span>
                                        <input type="text" class="form-control required" id="name" name="name" value="" placeholder="请输入菜单名称" tips="请填写菜单名称" />
                                    </div>
                                    <div class="input-group m-b-10">
                                        <span class="input-group-addon">编辑人</span>
                                        <input type="text" class="form-control" id="modifier" name="modifier" th:value="${session.user.username}" placeholder="请填写菜单url" />
                                    </div>
                                    <div class="form-group col-md-12">
                                        <button type="button" class="btn btn-primary ajax-post" id="add-form-submit-btn">确 定</button>
                                        <button type="button" class="btn btn-default" onclick="javascript:history.back(-1);return false;">返 回</button>
                                        <input type="hidden" id="companyId" name="companyId" th:value="${session.deptList.get(0).companyId}">
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>

                </div>

            </div>
        </main>
        <!--End 页面主要内容-->
    </div>
</div>
<div id="footer"></div>
<script>$("#footer").load("/footer.html")</script>

<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="/js/main.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        //提交按钮监听事件
        $("#add-form-submit-btn").click(function(){
            var companyId = $("#companyId").val();
            var data = $("#menu-add-form").serialize();
            $.ajax({
                url:'/system/company/dept/edit',
                type:'PUT',
                data:data,

                success:function(data){
                    if(data==="success"){
                        showSuccessMsg('菜单编辑成功!',function(){
                            window.location.href = '/system/company/dept'+'/'+companyId;
                        })
                    }else{
                        showErrorMsg(data);
                    }
                },
                error:function(data){
                    alert('网络错误!');
                }
            });
        });
    });

</script>
</body>
</html>